.mrrr {
    position: absolute;
    right: 0;
}
.mine {
    background-color: #efefef;
    padding-bottom: .49rem;
    height: 100vh;
  }
  .mine-top {
      width: 100%;
      margin: 0 auto;
      height: 2.3rem;
      background-image: linear-gradient(180deg, #FF6040 0%, #FF8A80 100%);
      box-shadow: 0 2px 6px 0 rgba(255,149,128,0.50);
      position: relative;
      padding-top: .2rem;
      margin-bottom: .3rem;
  }
  .top-one {
      width: 3.55rem;
      height: 0.64rem;
      display: flex;
      margin-bottom: .1rem;
      margin: 0 auto;  
  }
  .top-one img {
      width: .64rem;
      height: .64rem;
      border-radius: 50%;
      margin-right: .13rem;
  }
  .name span:nth-of-type(1) {
      font-size: .18rem;
  }
  .name {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      color: #FFFFFF;
  }
  .name span:nth-of-type(2) {
      border: 1px solid #FFFFFF;
      border-radius: 1px;
      width: 1.64rem;
      height: .16rem;
      line-height: .16rem;
  }
  .envelope {
      width: .76rem;
      height: .2rem;
      background-color: #FFD4CC;
      color: #FF6243;
      border-radius: 10px 0 0 10px;
      text-align: center;
      line-height: .2rem;
      position: absolute;
      top: .32rem;
      right: 0;
  }
  .envelope img {
      width: .16rem;
      height: .16rem;
      margin-right: 0;
      vertical-align: middle;  
  }
  .top-two {
      width: 3.55rem;
      margin: 0 auto;
      display: flex;
      justify-content: space-around;
      height: .5rem;
      margin-bottom: .1rem;
  }
  .collection {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #fff;
  }
  .collection span:nth-of-type(1) {
      font-size: .18rem;
  }
  .my-order {
      margin: 0 auto;
      width: 3.55rem;
      background-color: #fff;
      height: 1.03rem;
      border-radius: 4px;
  }
  .m-o {
      height: .36rem;
      display: flex;
      justify-content: space-between;
      padding: 0 .1rem;
      align-items: center;
  }
  .m-o span:nth-of-type(1) {
      font-size: .16rem;
      font-weight: 600;
  }
  .m-o span:nth-of-type(2) {
      color: #FF6040;
  }
  .m-t {
      height: .67rem;
      display: flex;
      justify-content: space-around; 
  }
  .m-tb {
      display: flex;
      flex-direction: column; 
      justify-content: center;
  }
  .add-list {
      width: 100%;
      height: 2rem;
      padding: .1rem 0;
      background-color: #fff;
  }
  .add-l {
      display: flex;
      flex-direction: column;
      height: 1.8rem;
  }
  .add-l li {
      padding: 0 .1rem;
      flex: 1;
      display: flex;
      justify-content: space-between;
      line-height: .36rem;
  }
  .add-l li img {
      width: .16rem;
      height: .16rem;
      margin-right: .05rem;
  }